<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .div1 {
      float: left;
      width: 100px;
      height: 100px;
      margin: 5px;
      border: 1px red solid;
    }

    .text_line {

      clear: both;
    }

    img {
      float: right;
      margin-bottom: 10px;
    }

    .firstletter {
      float: left;
      font-size: 300%;
      font-family: algerian, courier;
      line-height: 30px;
    }
  </style>
</head>

<body>
  <h3>第一行</h3>
  <p>试着---</p>
  <div class="div1"></div>
  <div class="div1"></div>
  <div class="div1"></div>
  <div class="div1"></div>
  <h3 class="text_line">第二行</h3>
  <div class="div1"></div>
  <div class="div1"></div>
  <div class="div1"></div>
  <div class="div1"></div>
  <h3 class="text_line">第san行</h3>
  <p>在下面的段落中---</p>
  <img src="../image/image/user.png" alt="">
  <p>
    <span class="firstletter">L</span>
    orem ipsum, dolor sit amet consectetur adipisicing elit. Vero iste sunt fuga facere, molestiae beatae ducimus quia
    voluptas atque, provident reiciendis laborum dolore explicabo. Possimus quasi suscipit necessitatibus. Harum, sunt?
    Sequi modi exercitationem temporibus aliquam explicabo, neque alias quisquam dignissimos pariatur veniam in saepe
    ducimus natus facilis eaque doloribus. Quos qui ut inventore, deserunt magni tempore odit. Aliquam, consequatur
    voluptatem?
    Accusantium illum exercitationem nulla eius quod quaerat blanditiis amet natus delectus repellendus unde
    perspiciatis ut excepturi, eveniet eaque provident minima commodi accusamus nihil? Quae, minima! Corrupti, aut.
    Deserunt, ipsam quibusdam.
    Tenetur quasi optio dolorem adipisci maiores libero impedit voluptatum nam obcaecati laborum commodi iusto nulla
    perspiciatis quibusdam sunt maxime, illo eius aliquid voluptates neque sint. Accusantium doloremque vitae sapiente
    dicta?
    Quisquam voluptate eveniet, excepturi veniam asperiores, incidunt aperiam doloremque in delectus ipsa dolores
    perferendis harum! Minima quae earum fugit perferendis mollitia excepturi? Tempore beatae molestiae vitae ducimus
    nemo? Expedita, adipisci.
  </p>


</body>

</html>